<template>
  <div>
    <div class="d1">
      <p>子组件展示：{{ age }}</p>
      <button @click="add">添加</button>
    </div>
  </div>
</template>

<script setup>
//可以省略不写
// import { defineProps , defineEmits} from 'vue';

//写法一
// let props = defineProps({
//   age: Number, //
// })

//写法一
// let props = defineProps({
//   age: {
//     type: Number, //数据类型
//     default: "", //默认数据
// default() {
//       return [10, 20, 30, 50]
//     }
//   }
// })

// ts
// const props = defineProps({
//   legendData: {
//     type: Array as () => Array<IArray>,
//     default: () => [],
//   },
// })


//写法二
let props = defineProps(['age'])

//声明事件
let emit = defineEmits(['addCallback'])
let add = () => {
  let aa = props.age
  aa++
  emit('addCallback', aa)
}

</script>
<style scoped lang='less'></style>